<template>
  <div>
    <van-cell :title="'编号:' + news.id"/>
    <van-cell :title="news.title" :label="news.content"/>
    <van-cell :title="news.dt_create" :value="news.count"/>
  </div>
</template>

<script>
//1.导入封装后的接口
//根据id获取对象（详情）
import {getNewsDetailByIdAPI} from '@/api/news.js';

export default {
  props: ['id'],
  // 数据
  data() {
    return {
      news: {} //对象（详情）
    };
  },

  // 生命周期钩子-实例创建后,可以用this.*
  created() {
    let id = this.id;
    //2.使用封装后的接口
    getNewsDetailByIdAPI(id).then(result => {
      console.log(result);
      this.news = result.data; //保存API调用的返回数据
    });
  },
  // 方法
  methods: {
    onBack() {
      this.$router.go(-1);
    }
  }
};
</script>

<style></style>
